<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p class="content"></p>
    <script>
        // 实现一个电子钟：都是汉字中文 显示年月日时分秒 实时显示
        //获取现在的时间
        /* 
        例如 ：二零二二年六月二十四日 十六时六分三十二秒
         1.10-20 之间 十一 、 十二、十三 。。。。 20 以后 二十一 二十二 二十三 .... 3.20,30,40 50... 二十 三十 四十 4.不需要考虑 60以上 */
         function fn(){
            var arr =["零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十"];
         var nowTime =new Date();
         var year = nowTime.getFullYear();
         var month = nowTime.getMonth();
         var day = nowTime.getDate();
         var hours = nowTime.getHours();
         var minutes = nowTime.getMinutes();
         var seconds = nowTime.getSeconds();
         function chineseYears(num){
            var str =num.toString();
            var newarr =str.split("");
            for(var i =0; i<newarr.length; i++){
                newarr[i] = arr[newarr[i]];
            }
            newarr = newarr.join("");
            return newarr;
         }
         function chineseNum(num){
            if(num <11){
                return arr[num];
            }
            if(num >11 && num %10 ==0){
                return arr[num / 10] + "十";
            }
            if(num <= 60 && num >11){
                return arr[parseInt(num / 10)]+ "十" + arr[num %10];
            }
         }
        var answ = `${chineseYears(year)}年${chineseNum(month+1)}月${chineseNum(day)}日 ${chineseNum(hours)}时${chineseNum(minutes)}分${chineseNum(seconds)}秒`
        document.getElementsByClassName("content")[0].innerHTML = answ;
         }
         fn();
        setInterval(function () {
            fn();
        }, 1000)
         
    </script>
</body>
</html>